<!DOCTYPE html>
<html>

<head>
    <title>Push AV Server</title>
    <link href="{{ url_for('static', path='/styles.css') }}" rel="stylesheet">
</head>

<body>
    <nav class="top-level">
        <a href="/ui/streams">Streams</a>
        <a href="/ui/certificates">Certificates</a>
    </nav>
    <div class="left-bar">
        <h2>Streams</h2>


        <ul>
            {% for stream in streams %}
            <li> Stream {{stream['id']}}
                <ul>
                    {% for file in stream['files'] %}
                    <li><a href="/ui/streams/{{stream['id']}}/{{file}}">{{file}}</a></li>
                    {% endfor %}
                </ul>
            </li>
            {% endfor %}
        </ul>
        <div class="center">
        </div>
</body>

</html>